<template>
  <div>
    <h1>App</h1>
    <!-- <TsUser name="jack" :age="20"></TsUser> -->
    <!-- <TsButton @close="say('close')" @open="say('open')"></TsButton> -->

    <TsCard>
      <template #default>
        <div>this is default</div>
      </template>
      <template #s2>
        <div>this is s2</div>
      </template>
      <template #s3>
        <div>this is s3</div>
      </template>
    </TsCard>
  </div>
</template>

<script setup>
import TsUser from './TsUser.vue';
import TsButton from './TsButton.vue';
import TsCard from './TsCard.vue';

function say(e) {
  console.log(e);
}
</script>

<style>
div {
  border: solid;
  padding: 10px;
}
</style>